<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <b>加粗字体</b>
    <strong>这也是加粗字体</strong>
    <!-- 一般使用strong -->
    <br>
    <i>斜体字体</i>
    <em>这也是斜体字体</em>
    <!-- 一般使用em -->
    <br>
    <p>这是<sub>下标</sub>这是<sup>上标</sup></p>
    <br>
</body>
<!-- small标签 -->
<body>
    <p>这是正常模式</p>
    <p><small>这是小型文本</small></p>
</body>
<!-- del与ins标签 -->
<!-- 定义删除字和插入字 -->
<body>
    <p>My favorite color is <del>blue</del><ins>red</ins>!</p>
</body>
<!--  -->
<!-- 不推荐使用 -->
<body>
    <!-- "计算机输出"标签 -->
    <!-- 缺点明显，无直观效果，建议使用css -->
    <dfn>定义项目</dfn><br>
    <!-- <code> 标签是一个短语标签，用来定义计算机代码文本。 -->
    <code>一段电脑代码 print("Hello World")</code><br>
    <samp>计算机样本</samp><br>
    <!-- HTML 键盘输入元素 (<kbd>) 用于表示用户输入，它将产生一个行内元素，以浏览器的默认 monospace 字体显示。
-->
    <kbd>键盘输入</kbd><br>
</body>
<!--  -->
<body>
    <!-- abbr标签 ,当光标移至标记处，显示提示或注释信息-->
    <!-- 通过对缩写词语进行标记，您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。 -->
    <p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>
</body>
<body>
    <!-- <address> 标签定义文档作者/所有者的联系信息。
    如果 <address> 元素位于 <body> 元素内部，则它表示该文档作者/所有者的联系信息。
    如果 <address> 元素位于 <article> 元素内部，则它表示该文章作者/所有者的联系信息。
    <address> 元素的文本通常呈现为斜体。大多数浏览器会在该元素的前后添加换行。
 -->
    <address>
        Written by <a href="https://mail.qq.com/cgi-bin/frame_html?sid=-hM1EDa0sWTi2mMG&r=1129db90993ca282256f33ad03020fe1&lang=zh">
            HuaYeGuo</a>.<br> 
        Visit us at:<br>
        Example.com<br>
        Box 564, Disneyland<br>
        USA
    </address>
</body>
<body>
    <!-- bdo标签，指定文本方向 -->
    <!-- 必须与dir属性一同使用 -->
    <p>该段落文字从左到右显示。</p> 
    <!-- <p><bdo dir="ltr">该段落文字从右到左显示。</bdo></p>  -->
    <p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p>  
</body>
<body>
    <blockquote cite="http://www.worldwildlife.org/who/index.html">
        For 50 years, WWF has been protecting the future of nature. The world's<br> 
        leading conservation organization, WWF works in 100 countries and is<br> 
        supported by 1.2 million members in the United States and close to 5 million<br> 
        globally.
    </blockquote>
    <!-- <blockquote> 标签定义摘自另一个源的块引用。
    浏览器通常会对 <blockquote> 元素进行缩进。 -->
    <!-- cite属性(URL)，规定引用的来源 -->
</body>
<body>
    <p>WWF's goal is to: <br>
    <q>Build a future where people live in harmony with nature.</q><br>
    We hope they succeed.</p>
    <!-- <q> 标签定义一个短的引用。
    浏览器经常会在这种引用的周围插入引号。 -->
</body>
</html>